<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	img{
		border :none;
		vertical-align: bottom;
	}
	table,tr,td{
		border:none;
		border-spacing: 0;
		border-collapse: collapse;
		padding: 0;
		margin: 0;
	}
	td,tr{
		max-height:256px;
	}
	.roman{
		position: relative;
		font-family: "Times New Roman";
		white-space: nowrap;
		font-size: 25px;
		color: #CCC;
		height:88px;
		line-height: 40px;
	}
	.roman span{
		display: inline-block;
		position: relative;
		white-space: pre;
	}
	u10{
		position: relative;
		top:-10px;
	}
	d10{
		position: relative;
		top:10px;
	}
	u5{
		position: relative;
		top:-5px;
	}
	d5{
		position: relative;
		top:5px;
	}



</style>
</head>
<body>
<div style="width:4000px;height:2195px;position: relative">
	<table>
	<script>
		function buildHtml(  ){
			var rows = [];
			for( var i=1;i<=9;i++ ){
				rows.push("<tr>");
				for( var j=1;j<=18;j++){
					rows.push("<td><img src='by3/"+ j +"_"+ i  +".jpeg'/></td>");
				}
				rows.push("</tr>");
			}
			document.write( rows.join("\r\n"));
		}
		buildHtml();
	</script>
	</table>
</div>


</body>
</html>